@charset "UTF-8";
/**
 * 
 * @bsqqueenie
 * @date    2015-04-04 12:07:18
 * @version $loading_page$
 */

/*----loading_page----*/
.loading
{
    position: fixed;
    z-index: 999;

    width: 100%;
    height: 100%;

    background: none repeat scroll 0 0 rgba(255, 255, 255, .9);
/*    display: none;*/
}

.loading_proportion
{
    position: absolute;
    top: 50%;
    left: 50%;

    width: 60%;
    height: 4px;
    margin-top: -2px;
    margin-left: -30%;

    border-radius: 2px;
    background: none repeat scroll 0 0 #666;
    box-shadow: 1px 1px 5px 4px rgba(21, 162, 171,.5);
}

#load
{
    width: 100%;
    height: 100%;

    -webkit-animation: 10s ease-in-out 0s normal none infinite running load_me;  /* Safari 和 Chrome */
       -moz-animation: 10s ease-in-out 0s normal none infinite running load_me;     /* Firefox */
         -o-animation: 10s ease-in-out 0s normal infinite running load_me;
            animation: 10s ease-in-out 0s normal none infinite running load_me;

    background: none repeat scroll 0 0 #2187e7;
}

/*----loading_animation----*/
@keyframes load_me
{
    from
    {
        width: 0;
    }
    to
    {
        width: 100%;
    }
}

@-moz-keyframes load_me /* Firefox */
{
    from
    {
        width: 0;
    }
    to
    {
        width: 100%;
    }
}

@-webkit-keyframes load_me /* Safari 和 Chrome */
{
    from
    {
        width: 0;
    }
    to
    {
        width: 100%;
    }
}

@-o-keyframes load_me /* Opera */
{
    from
    {
        width: 0;
    }
    to
    {
        width: 100%;
    }
}
